<%@page pageEncoding="utf-8" contentType="text/html;charset=utf-8"%>
<%@page isErrorPage="true"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<link rel="stylesheet" href="/shopping/css/main.css" type="text/css"
	media="screen, projection" />
<link rel="stylesheet" type="text/css" media="all"
	href="/shopping/css/tipsy.css" />

<script type="text/javascript" src="/shopping/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/shopping/js/custom-scripts.js"></script>
<script type="text/javascript" src="/shopping/js/jquery.tipsy.js"></script>
<script type="text/javascript" src="/shopping/js/error.js"></script>

<title>404 - Not found</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body>

	<!-- Universal preloader -->
	<div id="universal-preloader">
		<div class="preloader">
			<img src="../images/error/universal-preloader.gif"
				alt="universal-preloader" class="universal-preloader-preloader" />
		</div>
	</div>
	<!-- Universal preloader -->

	<div id="wrapper">
		<!-- 404 graphic -->
		<div class="graphic"></div>
		<!-- 404 graphic -->
		<!-- Not found text -->
		<div class="not-found-text">
			<h1 class="not-found-text">错误！</h1>
		</div>
		<!-- Not found text -->



		<!-- top menu -->
		<div class="top-menu">
			<a href="/shopping/mainAction" class="with-tooltip" title="返回到主页">首页</a>
			| <a href="/shopping/user/selectIndent" class="with-tooltip"
				title="返回到我的书生">我的书生</a> | <a href="#" class="with-tooltip"
				title="联系我们">联系我们</a> | <a href="#" class="with-tooltip"
				title="请求额外的帮助">帮助</a>
		</div>
		<!-- top menu -->

		<div class="dog-wrapper">
			<!-- dog running -->
			<div class="dog"></div>
			<!-- dog running -->

			<!-- dog bubble talking -->
			<div class="dog-bubble"></div>

			<!-- The dog bubble rotates these -->
			<div class="bubble-options">
				<p class="dog-bubble">Are you lost, bud? No worries, I'm an
					excellent guide!</p>
				<p class="dog-bubble">
					<br /> Arf! Arf!
				</p>
				<p class="dog-bubble">
					<br /> Don't worry! I'm on it!
				</p>
				<p class="dog-bubble">
					I wish I had a cookie<br /> <img style="margin-top: 8px"
						src="../images/error/cookie.png" alt="cookie" />
				</p>
				<p class="dog-bubble">
					<br /> Geez! This is pretty tiresome!
				</p>
				<p class="dog-bubble">
					<br /> Am I getting close?
				</p>
				<p class="dog-bubble">Or am I just going in circles? Nah...</p>
				<p class="dog-bubble">
					<br /> OK, I'm officially lost now...
				</p>
				<p class="dog-bubble">
					I think I saw a <br /> <img style="margin-top: 8px"
						src="../images/error/cat.png" alt="cat" />
				</p>
				<p class="dog-bubble">What are we supposed to be looking for,
					anyway? @_@</p>
			</div>
			<!-- The dog bubble rotates these -->
			<!-- dog bubble talking -->
		</div>

		<!-- planet at the bottom -->
		<div class="planet"></div>
		<!-- planet at the bottom -->
	</div>

	<div style="display: none">
		<script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540'
			language='JavaScript' charset='gb2312'></script>
	</div>
</body>
</html>